<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
        <script type="text/javascript">
            function updateContractType(code, name)
            {
                document.getElementById('incontracts:code').value = code;
                document.getElementById('incontracts:name').value = name;
            }
            function showpdf() {
                window.open("./contract/pubinfo/contractpdf.jsf", "合同类型", "height=280,width=600,toolbar=no,menubar=no,scrollbars=no");
            }
        </script>
        <style type="text/css">
            .pic{
                margin-bottom: -4px;
                margin-right: -2px;
                border:none;
            }
            .odd-row {
                background-color: #ECF3FE;
            }
            .even-row {
                background-color: #FCFFFE;
            }
            .active-row {
                background-color: #FFEBDA;
            }
            input[type='submit']{
                margin:3px 5px 3px 5px;
                padding:2px 5px 2px 5px;
            }
            .rf-cal-inp {
                width:110px;
                margin-left: 2px;
            }
            .numStyle{
                text-align:right;
            }
            .footClass{
                background-color: #ECF3FE;
            }
        </style>
        <link href="./css/spreadsheet.css" rel="stylesheet" type="text/css" />
    </h:head>
    <h:body style="height:800px">
        <f:view>
            <rich:panel header="合同列表" styleClass="content-hight">
                <h:form id="incontracts">

                    <h:panelGroup  id="curTab">
                        <rich:tabPanel rendered="#{contractStatsBean.querybut}">
                            <rich:tab  header="查询条件" >
                                <h:panelGrid columns="4">                                    
                                    <h:outputLabel value="编号：" for="number"/>
                                    <h:inputText size="20" id="number" value="#{contractStatsBean.queryCondition.number}"/>
                                    <h:outputLabel value="合同类型：" for="name"/>
                                    <h:inputText size="20" id="name" onclick="showContracttype()"
                                                 value="#{contractStatsBean.queryCondition.contractType.name}"/>
                                    <h:outputLabel value="名称：" for="cname"/>
                                    <h:inputText size="20" id="cname" value="#{contractStatsBean.queryCondition.cname}"/>
                                    <h:outputLabel value="地点：" for="address"/>
                                    <h:inputText size="20" id="address" value="#{contractStatsBean.queryCondition.address}"/>
                                    <h:outputText value="签订日期："/>
                                    <h:panelGroup>
                                        <rich:calendar value="#{contractStatsBean.queryCondition.orderdatestart}"
                                                       locale="Locale.CHINA"
                                                       popup="true"
                                                       datePattern="yyyy-MM-dd"
                                                       showApplyButton="false"  style="width:200px"/>
                                        至
                                        <rich:calendar value="#{contractStatsBean.queryCondition.orderdateend}"
                                                       locale="Locale.CHINA"
                                                       popup="true"
                                                       datePattern="yyyy-MM-dd"
                                                       showApplyButton="false"  style="width:200px"/>
                                    </h:panelGroup>
                                    <h:outputText value="开始日期："/>
                                    <h:panelGroup>
                                        <rich:calendar value="#{contractStatsBean.queryCondition.startstart}"
                                                       locale="Locale.CHINA"
                                                       popup="true"
                                                       datePattern="yyyy-MM-dd"
                                                       showApplyButton="false"  style="width:200px"/>
                                        至
                                        <rich:calendar value="#{contractStatsBean.queryCondition.startend}"
                                                       locale="Locale.CHINA"
                                                       popup="true"
                                                       datePattern="yyyy-MM-dd"
                                                       showApplyButton="false"  style="width:200px"/>
                                    </h:panelGroup>
                                    <h:outputText value="截止日期："/>
                                    <h:panelGroup>
                                        <rich:calendar value="#{contractStatsBean.queryCondition.deadlinestart}"
                                                       locale="Locale.CHINA"
                                                       popup="true"
                                                       datePattern="yyyy-MM-dd"
                                                       showApplyButton="false"  style="width:200px"/>
                                        至
                                        <rich:calendar value="#{contractStatsBean.queryCondition.deadlineend}"
                                                       locale="Locale.CHINA"
                                                       popup="true"
                                                       datePattern="yyyy-MM-dd"
                                                       showApplyButton="false"  style="width:200px"/>
                                    </h:panelGroup>
                                    <h:outputText value="质保日期："/>
                                    <h:panelGroup>
                                        <rich:calendar value="#{contractStatsBean.queryCondition.warrantystart}"
                                                       locale="Locale.CHINA"
                                                       popup="true"
                                                       datePattern="yyyy-MM-dd"
                                                       showApplyButton="false"
                                                       inputStyle="inputClass"/>
                                        至
                                        <rich:calendar value="#{contractStatsBean.queryCondition.warrantyend}"
                                                       locale="Locale.CHINA"
                                                       popup="true"
                                                       datePattern="yyyy-MM-dd"
                                                       showApplyButton="false"  style="width:200px"/>
                                    </h:panelGroup>
                                    <h:outputLabel value="甲方：" for="nameA"/>
                                    <h:inputText size="20" id="nameA" value="#{contractStatsBean.queryCondition.nameA}"/>
                                    <h:outputLabel value="甲方法人：" for="nameAstand"/>
                                    <h:inputText size="20" id="nameAstand" value="#{contractStatsBean.queryCondition.nameAstand}"/>
                                    <h:outputLabel value="乙方：" for="nameB"/>
                                    <h:inputText size="20" id="nameB" value="#{contractStatsBean.queryCondition.partner.name}"/>
                                    <h:outputLabel value="乙方法人：" for="nameBstand"/>
                                    <h:inputText size="20" id="nameBstand" value="#{contractStatsBean.queryCondition.partner.legalPerson}"/>
                                    <h:outputLabel value="标的：" for="nameA"/>
                                    <h:panelGroup>
                                        <h:inputText size="20" id="targetstart" value="#{contractStatsBean.queryCondition.targetstart}"/>
                                        -<h:inputText size="20" id="targetend" value="#{contractStatsBean.queryCondition.targetend}"/>
                                    </h:panelGroup>
                                    <h:outputLabel value="质保金：" for="nameA"/>
                                    <h:panelGroup>
                                        <h:inputText size="20" id="quality_marginstart" value="#{contractStatsBean.queryCondition.quality_marginstart}"/>
                                        -<h:inputText size="20" id="quality_marginend" value="#{contractStatsBean.queryCondition.quality_marginend}"/>
                                    </h:panelGroup>
                                    <h:outputLabel value="违约金：" for="nameA"/>
                                    <h:panelGroup>
                                        <h:inputText size="20" id="penaltystart" value="#{contractStatsBean.queryCondition.penaltystart}"/>
                                        -<h:inputText size="20" id="penaltyend" value="#{contractStatsBean.queryCondition.penaltyend}"/>
                                    </h:panelGroup>
                                    <h:outputLabel value="其他事项：" for="other"/>
                                    <h:inputText size="20" id="other" value="#{contractStatsBean.queryCondition.other}"/>

                                    <h:outputText value="付款计划："/>
                                    <h:panelGroup>
                                        <rich:calendar value="#{contractStatsBean.queryCondition.date1_start}"
                                                       locale="Locale.CHINA"
                                                       popup="true"
                                                       datePattern="yyyy-MM-dd"
                                                       showApplyButton="false"
                                                       inputStyle="inputClass"/>
                                        至
                                        <rich:calendar value="#{contractStatsBean.queryCondition.date1_end}"
                                                       locale="Locale.CHINA"
                                                       popup="true"
                                                       datePattern="yyyy-MM-dd"
                                                       showApplyButton="false"  style="width:200px"/>
                                    </h:panelGroup>

                                    <h:outputLabel value="是否生效" for="isEffect"/>
                                    <h:selectOneMenu id="isEffect" value="#{contractStatsBean.queryCondition.isEffect}"
                                                     style="width:130px;">
                                        <f:selectItem itemLabel="全部" itemValue=""/>
                                        <f:selectItem itemLabel="生效" itemValue="1"/>
                                        <f:selectItem itemLabel="失效" itemValue="0"/>
                                    </h:selectOneMenu>
                                </h:panelGrid>
                                <h:inputHidden  id="code" value="#{contractStatsBean.queryCondition.contractType.code}"/>
                            </rich:tab>
                        </rich:tabPanel>
                        <a4j:commandButton value="查询" rendered="#{contractStatsBean.querybut}"
                                           action="#{contractStatsBean.query}"
                                           render="tableGroup"/>
                        <a4j:commandButton value="取消" rendered="#{contractStatsBean.querybut}"
                                           action="#{contractStatsBean.queryCancel}"
                                           render="tableGroup,curTab"/>
                        <a4j:commandButton value="隐藏" rendered="#{contractStatsBean.querybut}"
                                           action="#{contractStatsBean.hiddenbut}"
                                           render="curTab"/>
                        <a4j:commandButton value="显示" rendered="#{!contractStatsBean.querybut}"
                                           action="#{contractStatsBean.showbut}"
                                           render="curTab"/>
                        <h:commandButton value="导出Excel" action="#{contractStatsBean.exeportExcel}"/>
                    </h:panelGroup>

                    <h:panelGroup id="tableGroup">
                        <rich:dataScroller for="tableEdit" execute="@this" render="tableGroup"/>
                        <div style="width:750px;overflow: auto;">
                            <rich:dataTable id="tableEdit"
                                            value="#{contractStatsBean.statsli}" var="incontract"
                                            rowKeyVar="rowKey"
                                            rowClasses="list-row-odd,list-row-even"
                                            headerClass="table-header"
                                            rows="6"
                                            style="width:1200px;margin-bottom:5px;"
                                            noDataLabel="无数据">
                                <a4j:ajax event="rowdblclick"
                                          execute="@this" render="detailPanel"
                                          listener="#{contractStatsBean.showRowDetail(incontract.mainInfo.number)}"
                                          oncomplete="#{rich:component('detailPanel')}.show();">
                                </a4j:ajax>
                                <rich:column style="text-align:center;">
                                    <f:facet name="header">行号</f:facet>
                                        #{rowKey+1}
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.number}">
                                    <f:facet name="header">编号</f:facet>
                                        #{incontract.mainInfo.number}
                                </rich:column>

                                <rich:column sortBy="#{incontract.mainInfo.cname}">
                                    <f:facet name="header">名称</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.cname}">
                                    </h:outputText>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.contractTypeName}">
                                    <f:facet name="header">合同类别</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.contractTypeName}">
                                    </h:outputText>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.address}">
                                    <f:facet name="header">地点</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.address}">
                                    </h:outputText>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.orderdate}">
                                    <f:facet name="header">签订日期</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.orderdate}">
                                        <f:convertDateTime dateStyle="medium"/>
                                    </h:outputText>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.start}">
                                    <f:facet name="header">开始日期</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.start}">
                                        <f:convertDateTime dateStyle="medium"/>
                                    </h:outputText>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.deadline}">
                                    <f:facet name="header">截止日期</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.deadline}">
                                        <f:convertDateTime dateStyle="medium"/>
                                    </h:outputText>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.warranty}">
                                    <f:facet name="header">质保日期</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.warranty}">
                                        <f:convertDateTime dateStyle="medium"/>
                                    </h:outputText>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.nameA}">
                                    <f:facet name="header">甲方</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.nameA}"/>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.nameAstand}">
                                    <f:facet name="header">甲方法人</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.nameAstand}"/>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.nameB}">
                                    <f:facet name="header">乙方</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.nameB}"/>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.nameBstand}">
                                    <f:facet name="header">乙方法人</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.nameBstand}"/>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.target}"
                                             styleClass="numStyle">
                                    <f:facet name="header">标的</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.target}"/>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.quality_margin}"
                                             styleClass="numStyle">
                                    <f:facet name="header">质保金</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.quality_margin}"/>
                                </rich:column>
                                <rich:column sortBy="#{incontract.mainInfo.penalty}"
                                             styleClass="numStyle">
                                    <f:facet name="header">违约金</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.penalty}"/>
                                </rich:column>

                                <rich:column sortBy="#{incontract.planTotal}"
                                             styleClass="numStyle">
                                    <f:facet name="header">计划总金额</f:facet>
                                    <h:outputText value="#{incontract.planTotal}"/>
                                </rich:column>

                                <rich:column sortBy="#{incontract.execTotal}"
                                             styleClass="numStyle">
                                    <f:facet name="header">执行总金额</f:facet>
                                    <h:outputText value="#{incontract.execTotal}"/>
                                </rich:column>                                

                                <rich:column sortBy="#{incontract.payTotal}"
                                             styleClass="numStyle">
                                    <f:facet name="header">付款总金额</f:facet>
                                    <h:outputText value="#{incontract.payTotal}"/>
                                </rich:column>

                                <rich:column sortBy="#{incontract.mainInfo.other}">
                                    <f:facet name="header">其他</f:facet>
                                    <h:outputText value="#{incontract.mainInfo.other}"/>
                                </rich:column>
                                <f:facet name="footer" class="footClass">
                                    <rich:columnGroup>
                                        <rich:column>
                                            <h:outputText value="合计"/>
                                        </rich:column>
                                        <rich:column colspan="11">
                                        </rich:column>
                                        <rich:column styleClass="numStyle">
                                            #{contractStatsBean.totalRow.mainInfo.target}
                                        </rich:column>
                                        <rich:column styleClass="numStyle">
                                            #{contractStatsBean.totalRow.mainInfo.quality_margin}
                                        </rich:column>
                                        <rich:column styleClass="numStyle">
                                            #{contractStatsBean.totalRow.mainInfo.penalty}
                                        </rich:column>
                                        <rich:column styleClass="numStyle">
                                            #{contractStatsBean.totalRow.planTotal}
                                        </rich:column>
                                        <rich:column styleClass="numStyle">
                                            #{contractStatsBean.totalRow.execTotal}
                                        </rich:column>
                                        <rich:column styleClass="numStyle">
                                            #{contractStatsBean.totalRow.payTotal}
                                        </rich:column>
                                        <rich:column>
                                        </rich:column>
                                    </rich:columnGroup>
                                </f:facet>
                            </rich:dataTable>

                            <rich:jQuery selector="#tableEdit tr:odd" query="addClass('odd-row')" />
                            <rich:jQuery selector="#tableEdit tr:even" query="addClass('even-row')" />
                            <rich:jQuery selector="#tableEdit tr"
                                         query="mouseover(function(){jQuery(this).addClass('active-row')})"/>
                            <rich:jQuery selector="#tableEdit tr"
                                         query="mouseout(function(){jQuery(this).removeClass('active-row')})"/>
                        </div>
                    </h:panelGroup>
                </h:form>
            </rich:panel>

            <rich:popupPanel id="detailPanel" autosized="true">
                <f:facet name="header">合同列表</f:facet>
                <f:facet name="controls">
                    <h:outputLink value="#" onclick="#{rich:component('detailPanel')}.hide();">关闭</h:outputLink>
                </f:facet>
                <h:form>
                    <div style="height:410px;">
                        <rich:accordion switchType="client" style="width:600px;">
                            <rich:accordionItem header="基本信息">
                                <h:panelGroup id="mainInfo1">
                                    <div style="height:95px;">
                                        <h:panelGrid columns="4" width="100%">

                                            <h:outputLabel value="编号:" for="number"/>
                                            <h:outputText  id="number" value="#{contractStatsBean.mainInfo.number}"/>

                                            <h:outputLabel value="类别：" for="typeName"/>
                                            <h:outputText  id="typeName"
                                                           value="#{contractStatsBean.mainInfo.contractTypeName}"/>

                                            <h:outputLabel value="名称：" for="cname"/>
                                            <h:outputText id="cname" value="#{contractStatsBean.mainInfo.cname}"/>

                                            <h:outputLabel value="签订日期" for="orderdate"/>
                                            <h:outputText id="orderdate" value="#{contractStatsBean.mainInfo.orderdate}">
                                                <f:convertDateTime pattern="yyyy年MM月dd日"/>
                                            </h:outputText>

                                            <h:outputLabel value="开始日期：" for="start"/>
                                            <h:outputText id="start" value="#{contractStatsBean.mainInfo.start}">
                                                <f:convertDateTime pattern="yyyy年MM月dd日"/>
                                            </h:outputText>

                                            <h:outputLabel value="截止日期：" for="deadline"/>
                                            <h:outputText id="deadline" value="#{contractStatsBean.mainInfo.deadline}">
                                                <f:convertDateTime pattern="yyyy年MM月dd日"/>
                                            </h:outputText>

                                            <h:outputLabel value="质保日期：" for="warranty"/>
                                            <h:outputText id="warranty" value="#{contractStatsBean.mainInfo.warranty}">
                                                <f:convertDateTime pattern="yyyy年MM月dd日"/>
                                            </h:outputText>

                                            <h:outputLabel value="甲方：" for="nameA"/>
                                            <h:outputText  id="nameA" value="#{contractStatsBean.mainInfo.nameA}"/>

                                            <h:outputLabel value="乙方：" for="nameB"/>
                                            <h:outputText  id="nameB" value="#{contractStatsBean.mainInfo.partner.name}"/>

                                            <h:outputLabel value="甲方法人：" for="nameAstand"/>
                                            <h:outputText  id="nameAstand" value="#{contractStatsBean.mainInfo.nameAstand}"/>

                                            <h:outputLabel value="乙方法人：" for="nameBstand"/>
                                            <h:outputText  id="nameBstand" value="#{contractStatsBean.mainInfo.partner.legalPerson}"/>

                                            <h:outputLabel value="地点：" for="address"/>
                                            <h:outputText  id="address" value="#{contractStatsBean.mainInfo.address}"/>

                                            <h:outputLabel value="标的：" for="target"/>
                                            <h:outputText  id="target" value="#{contractStatsBean.mainInfo.target}"/>

                                            <h:outputLabel value="质保金：" for="quality_margin"/>
                                            <h:outputText  id="quality_margin" value="#{contractStatsBean.mainInfo.quality_margin}">
                                            </h:outputText>

                                            <h:outputLabel value="违约金：" for="penalty"/>
                                            <h:outputText  id="penalty" value="#{contractStatsBean.mainInfo.penalty}"/>

                                            <h:outputLabel value="预算项目：" for="projName"/>
                                            <h:outputText id="projName" value="#{contractStatsBean.mainInfo.projName}">
                                            </h:outputText>

                                            <h:outputLabel value="备注：" for="other"/>
                                            <h:outputText  id="other" value="#{contractStatsBean.mainInfo.other}"/>

                                        </h:panelGrid>
                                    </div>
                                </h:panelGroup>
                            </rich:accordionItem>
                            <rich:accordionItem header="付款计划">

                                <h:panelGroup id="payPlan">
                                    <div style="height:270px;overflow:auto">
                                        <rich:dataTable id="detailTable"
                                                        value="#{contractStatsBean.payInfoli}" var="detail"
                                                        rowKeyVar="index"
                                                        rowClasses="list-row-odd,list-row-even"
                                                        headerClass="table-header"
                                                        styleClass="tableStyle"
                                                        style="width:100%"
                                                        noDataLabel="无数据">
                                            <rich:column style="text-align: center">
                                                <f:facet name="header">行号</f:facet>
                                                <h:outputText value="#{index+1}"/>
                                            </rich:column>
                                            <rich:column>
                                                <f:facet name="header">主题</f:facet>
                                                <h:outputText value="#{detail.topic}" style="width:95%"/>
                                            </rich:column>
                                            <rich:column>
                                                <f:facet name="header">时间</f:facet>
                                                <h:outputText id="warranty" value="#{detail.paytime}">
                                                    <f:convertDateTime pattern="yyyy年MM月dd日"/>
                                                </h:outputText>
                                            </rich:column>
                                            <rich:column sortBy="#{detail.money}">
                                                <f:facet name="header">金额(元)</f:facet>
                                                <h:outputText value="#{detail.money}"/>
                                            </rich:column>
                                            <rich:column>
                                                <f:facet name="header">备注</f:facet>
                                                <h:outputText value="#{detail.memo}"/>
                                            </rich:column>
                                        </rich:dataTable>
                                    </div>
                                    <rich:jQuery selector=".tableStyle tr:odd" query="addClass('odd-row')" />
                                    <rich:jQuery selector=".tableStyle tr:even" query="addClass('even-row')" />
                                    <rich:jQuery selector=".tableStyle tr"
                                                 query="mouseover(function(){jQuery(this).addClass('active-row')})"/>
                                    <rich:jQuery selector=".tableStyle tr"
                                                 query="mouseout(function(){jQuery(this).removeClass('active-row')})"/>
                                </h:panelGroup>
                            </rich:accordionItem>

                            <rich:accordionItem header="执行信息">

                                <h:panelGroup id="execInfo">
                                    <h:panelGroup id="editTable">
                                        <rich:dataScroller for="exeTable" execute="@this" render="editTable"/>
                                        <div style="height:250px;overflow: auto;">
                                            <rich:dataTable  id="exeTable"
                                                             value="#{contractStatsBean.detailli}"
                                                             var="dl"
                                                             rowKeyVar="index"
                                                             rows="6"
                                                             styleClass="tableStyle"
                                                             noDataLabel="无数据"
                                                             style="width:100%;">
                                                <rich:column style="text-align:center;">
                                                    <h:outputText  value="#{index+1}"/>
                                                </rich:column>
                                                <h:column>
                                                    <f:facet name="header">执行内容</f:facet> 
                                                    <h:outputText id="contentName" value="#{dl.detail.name}"/>
                                                </h:column>
                                                <h:column>
                                                    <f:facet name="header">技术要求</f:facet>
                                                    <h:outputText value="#{dl.detail.technicrequirment}"/>
                                                </h:column>
                                                <h:column>
                                                    <f:facet name="header">数量</f:facet>
                                                    <h:outputText value="#{dl.detail.count}">
                                                    </h:outputText>
                                                </h:column>
                                                <h:column >
                                                    <f:facet name="header">单价</f:facet>
                                                    <h:outputText value="#{dl.detail.price}">
                                                    </h:outputText>
                                                </h:column>
                                                <rich:column style="width:60px">
                                                    <f:facet name="header">金额</f:facet>
                                                    <h:outputText id="total" value="#{dl.detail.count * dl.detail.price}"/>
                                                </rich:column>
                                                <h:column>
                                                    <f:facet name="header">备注</f:facet>
                                                    <h:outputText value="#{dl.detail.memo}"/>
                                                </h:column>
                                            </rich:dataTable>
                                        </div>
                                        <rich:jQuery selector=".tableStyle tr:odd" query="addClass('odd-row')" />
                                        <rich:jQuery selector=".tableStyle tr:even" query="addClass('even-row')" />
                                        <rich:jQuery selector=".tableStyle tr"
                                                     query="mouseover(function(){jQuery(this).addClass('active-row')})"/>
                                        <rich:jQuery selector=".tableStyle tr"
                                                     query="mouseout(function(){jQuery(this).removeClass('active-row')})"/>
                                    </h:panelGroup>
                                </h:panelGroup>

                            </rich:accordionItem>
                        </rich:accordion>
                    </div>                   

                </h:form>
            </rich:popupPanel>
        </f:view>
    </h:body>
</ui:composition>
